<template>
  <div class="dash-board">
    <el-scrollbar style="height: 100%;">
      <zw-card-frame>
        <order-count-by-date v-if="Auth.check('OrderCountByDate')"></order-count-by-date>
        <order-count-by-state v-if="Auth.check('OrderCountByState')"></order-count-by-state>
      </zw-card-frame>
      <zw-card-frame>
        <order-count-by-repair-state v-if="Auth.check('CountByRepairState')"></order-count-by-repair-state>
        <login-log-card></login-log-card>
      </zw-card-frame>
    </el-scrollbar>
  </div>
</template>
<script lang="ts" setup>
import ZwCardFrame from '@/components/CardFrame/ZwCardFrame.vue';
import LoginLogCard from './user/LoginLogCard.vue';
import OrderCountByDate from './after_sale/statistcs/OrderCountByDate.vue';
import OrderCountByState from './after_sale/statistcs/OrderCountByState.vue';
import OrderCountByRepairState from './after_sale/statistcs/OrderCountByRepairState.vue';
import Auth from '@/plugins/auth';
</script>
<style lang="scss" scope>
.dash-board {
  width: 100%;
  height: 100%;
  padding: 12px;
  // margin: 12px;
  // overflow: auto;
}
</style>
